<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@include file="common.jsp"%>
<title>活动</title>
<style type="text/css">
.detailCardItem{
    width: 220px; 
}
</style>       
</head>  
<body>
     <%@include file="commonHeader.jsp"%>
	 <input type="hidden" value="活动" id="selectedMenu" data-href="/pc/activityen">
	 <div class="swiper-container topBanner">
		<div class="swiper-wrapper">
			<c:forEach var="showDetailImg" items="${moduleVo.imageList}">
				<div class="swiper-slide">
					<img data-src="${showDetailImg.pictureUrl}" class="swiper-lazy">
					<div class="swiper-lazy-preloader"></div>
				</div>
			</c:forEach> 
	    </div>
	    <div class="swiper-button-next">
	        <i class="swiperIconfont icon-youjiantou"></i>
	    </div>
	    <div class="swiper-button-prev">
	        <i class="swiperIconfont icon-zuojiantou"></i> 
	    </div> 
	 </div>  
	 <div class="container">
	     <div class="padding20px detailCardBox flexBox" style="width:760px;margin: 0 auto;">
				 <c:forEach items="${moduleVo.moduleShowList}" var="moduleShow">
					 <a class="flexItem detailCardItem" href="/pc/showed?moduleShowId=${moduleShow.id}">
						 <img alt=""
							  src="${moduleShow.pictureUrl}">
						 <div class="detailCardFontBox">
							 <div class="statusTag statusTag-chinese font10px">${moduleShow.title}</div>
							 <div class="statusTag statusTag-english font10px">${moduleShow.enTitle}</div>
							 <div class="font14px fontbold">「Light Comes Again」森山大道</div>
							 <div class="font10px">2018.6.15 - 2018.8.15</div>
						 </div>
					 </a>
				 </c:forEach>
	     </div>
	 </div>

	 <%@include file="commonFooter.jsp"%>
</body>
<script>
$(function(){
	commonInit.swiperIndexPage();
})
</script>
</html>